<template>
	<view>
		<view class="headerVue fixed">
			<view class="header relative">
				<image src="../static/back.png" class="absolute-middle" style="left: 20rpx; width: 52rpx; height: 52rpx;" @click="$tools.back()"></image>
				<view class="title">{{title}}</view>
				<view class="right absolute-middle" v-if="right" @click="rightClick">{{right}}</view>
			</view>
		</view>
		<u-gap height="92"></u-gap>
	</view>
</template>

<script>
	export default{
		props:["title", "right"],
		data(){
			return{
				
			}
		},
		methods: {
			rightClick(){
				this.$emit("rightClick")
			}
		}
	}
</script>

<style lang="less" scoped>
	.headerVue {
		left: 0;
		top: 0;
		background: linear-gradient(to bottom, #E3EEFF, #EBF3FF);
		z-index: 99;
		.header {
			width: 750rpx;
			height: 92rpx;
			.title {
				font-weight: 700; 
				font-size: 36rpx; 
				line-height: 92rpx;
				color: #333333;
				text-align: center;
			}
			.right {
				font-size: 32rpx;
				color: #333333;
				right: 30rpx;
			}
		}
	}
</style>